<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/css/Restaurant.css">
    <title>Krishna Restaurant</title>
</head>

<body>
    <!-- ---Header Start---- -->
    <header class="header">
        <div class="container">
            <div class="row justify-content-between align-items-center">
                <div class="logo">
                    <a href="#"><img src="../assets/Images/Restaurant-image/logo.png" alt="logo"></a>
                </div>
                <button type="button" class="nav-toggler">
                    <span></span>
                </button>
                <nav class="nav">
                    <ul>
                        <li class="nav-item"><a href="#home">Home</a></li>
                        <li class="nav-item"><a href="#about">About</a></li>
                        <li class="nav-item"><a href="#our-menu">Our Menu</a></li>
                        <li class="nav-item"><a href="#testimonials">Testimonials</a></li>
                        <li class="nav-item"><a href="#team">Team</a></li>
                        <li class="nav-item"><a href="#footer">Contact Us</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <!-- Header End---- -->

    <!-- ----Home section start ---->
    <section class="home-section" id="home">
        <div class="home-bg"></div>
        <div class="container">
            <div class="row min-vh-100 align-items-center">
                <div class="home-text" data-aos="fade-up" data-aos-duration="1000">
                    <h1>Krishna Restaurant</h1>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua.</p>
                    <a href= "#our-menu"  class="btn btn-default">Our Menu</a>
                </div>
            </div>
        </div>
    </section>


    <!-- ----Home section end--- -->

    <!--about section start-->
    <section class="about-section sec-padding" id="about">
        <div class="container">
            <div class="row">
                <div class="section-title">
                    <h2 data-title="our story" data-aos="fade-up">about us</h2>
                </div>
            </div>
            <div class="row">
                <div class="about-text" data-aos="fade-right">
                    <h3>Welcome To Krishna Restaurant</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                        eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                        eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    <a href="#our-menu" class="btn btn-default">check our menu</a>
                </div>
                <div class="about-img" data-aos="fade-left">
                    <div class="img-box">
                        <h3>20+ years experience</h3>
                        <img src="../assets/Images/Restaurant-image/about-img.jpg" alt="about img">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- about section end -->

    <!-- menu section start -->
    <section class="menu-section sec-padding" id="our-menu">
        <div class="container">
            <div class="row">
                <div class="section-title">
                    <h2 data-title="order now" data-aos="fade-up">our menu</h2>
                </div>
            </div>
            <div class="row">
                <div class="menu-tabs" data-aos="fade-up">
                    <button type="button" class="menu-tab-item active" data-target="#lunch">lunch</button>
                    <button type="button" class="menu-tab-item" data-target="#dinner">dinner</button>
                    <button type="button" class="menu-tab-item" data-target="#drinks">drinks</button>
                    <button type="button" class="menu-tab-item" data-target="#desserts">desserts</button>
                </div>
            </div>
            <div class="row menu-tab-content active" id="lunch">
                <div class="menu-item" data-aos="fade-up-right">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/a.jpg" alt="menu item thumbnail">
                        <h3>lunch item</h3>
                    </div>
                    <div class="menu-item-price">
                        $40.00
                    </div>
                </div>
                <div class="menu-item" data-aos="fade-up-left">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/b.jpg" alt="menu item thumbnail">
                        <h3>lunch item</h3>
                    </div>
                    <div class="menu-item-price">
                        $40.00
                    </div>
                </div>
                <div class="menu-item" data-aos="fade-up-right">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/c.jpg" alt="menu item thumbnail">
                        <h3>lunch item</h3>
                    </div>
                    <div class="menu-item-price">
                        $40.00
                    </div>
                </div>
                <div class="menu-item" data-aos="fade-up-left">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/d.jpg" alt="menu item thumbnail">
                        <h3>lunch item</h3>
                    </div>
                    <div class="menu-item-price">
                        $40.00
                    </div>
                </div>
                <div class="menu-item" data-aos="fade-up-right">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/e.jpg" alt="menu item thumbnail">
                        <h3>lunch item</h3>
                    </div>
                    <div class="menu-item-price">
                        $40.00
                    </div>
                </div>
                <div class="menu-item" data-aos="fade-up-left">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/f.jpg" alt="menu item thumbnail">
                        <h3>lunch item</h3>
                    </div>
                    <div class="menu-item-price">
                        $40.00
                    </div>
                </div>
                <div class="menu-item" data-aos="fade-up-right">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/g.jpg" alt="menu item thumbnail">
                        <h3>lunch item</h3>
                    </div>
                    <div class="menu-item-price">
                        $40.00
                    </div>
                </div>
                <div class="menu-item" data-aos="fade-up-left">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/h.jpg" alt="menu item thumbnail">
                        <h3>lunch item</h3>
                    </div>
                    <div class="menu-item-price">
                        $40.00
                    </div>
                </div>
            </div>
            <div class="row menu-tab-content" id="dinner">
                <div class="menu-item" data-aos="fade-up-right">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/a.jpg" alt="menu item thumbnail">
                        <h3>dinner item</h3>
                    </div>
                    <div class="menu-item-price">
                        $30.00
                    </div>
                </div>
                <div class="menu-item" data-aos="fade-up-left">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/b.jpg" alt="menu item thumbnail">
                        <h3>dinner item</h3>
                    </div>
                    <div class="menu-item-price">
                        $30.00
                    </div>
                </div>
                <div class="menu-item" data-aos="fade-up-right">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/c.jpg" alt="menu item thumbnail">
                        <h3>dinner item</h3>
                    </div>
                    <div class="menu-item-price">
                        $30.00
                    </div>
                </div>
                <div class="menu-item" data-aos="fade-up-left">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/d.jpg" alt="menu item thumbnail">
                        <h3>dinner item</h3>
                    </div>
                    <div class="menu-item-price">
                        $30.00
                    </div>
                </div>
            </div>
            <div class="row menu-tab-content" id="drinks">
                <div class="menu-item" data-aos="fade-up-right">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/a.jpg" alt="menu item thumbnail">
                        <h3>drink item</h3>
                    </div>
                    <div class="menu-item-price">
                        $20.00
                    </div>
                </div>
                <div class="menu-item" data-aos="fade-up-left">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/b.jpg" alt="menu item thumbnail">
                        <h3>drink item</h3>
                    </div>
                    <div class="menu-item-price">
                        $20.00
                    </div>
                </div>
            </div>
            <div class="row menu-tab-content" id="desserts">
                <div class="menu-item" data-aos="fade-up-right">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/a.jpg" alt="menu item thumbnail">
                        <h3>dessert item</h3>
                    </div>
                    <div class="menu-item-price">
                        $10.00
                    </div>
                </div>
                <div class="menu-item" data-aos="fade-up-left">
                    <div class="menu-item-title">
                        <img src="../assets/Images/Restaurant-image/b.jpg" alt="menu item thumbnail">
                        <h3>dessert item</h3>
                    </div>
                    <div class="menu-item-price">
                        $10.00
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- menu section end -->

    <!-- ----testimonial section start---- -->
    <section class="testimonials-section sec-padding" id="testimonials">
        <div class="container">
            <div class="row">
                <div class="section-title">
                    <h2 data-title="testimonials" data-aos="fade-up">some feedbacks</h2>
                </div>
            </div>
            <div class="row">
                <div class="testi-item" data-aos="zoom-in">
                    <div class="testi-author">
                        <div class="testi-author-name">
                            <h3>Lorem</h3>
                            <span>food specialist</span>
                        </div>
                        <div class="testi-author-img">
                            <img src="../assets/Images/Restaurant-image/1.jpg" alt="testi author img">
                        </div>
                    </div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua.</p>
                    <div class="ratings">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                    </div>
                </div>
                <div class="testi-item" data-aos="zoom-in">
                    <div class="testi-author">
                        <div class="testi-author-name">
                            <h3>Lorem</h3>
                            <span>food specialist</span>
                        </div>
                        <div class="testi-author-img">
                            <img src="../assets/Images/Restaurant-image/2.jpg" alt="testi author img">
                        </div>
                    </div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua.</p>
                    <div class="ratings">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                    </div>
                </div>
                <div class="testi-item" data-aos="zoom-in">
                    <div class="testi-author">
                        <div class="testi-author-name">
                            <h3>Lorem</h3>
                            <span>food specialist</span>
                        </div>
                        <div class="testi-author-img">
                            <img src="../assets/Images/Restaurant-image/3.jpg" alt="testi author img">
                        </div>
                    </div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua.</p>
                    <div class="ratings">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- -----testimonial section end------- -->

    <!-- ----team section start---- -->
    <section class="team-section sec-padding" id="team">
        <div class="container">
            <div class="row">
                <div class="section-title">
                    <h2 data-title="team" data-aos="fade-up">our chefs</h2>
                </div>
            </div>
            <div class="row">
                <div class="team-item" data-aos="flip-left" data-aos-duration="1000">
                    <img src="../assets/Images/Restaurant-image/A.jpg" alt="team item">
                    <div class="team-item-info">
                        <h3>Lorem</h3>
                        <p>head chef</p>
                    </div>
                </div>
                <div class="team-item" data-aos="flip-left" data-aos-duration="1000">
                    <img src="../assets/Images/Restaurant-image/B.jpg" alt="team item">
                    <div class="team-item-info">
                        <h3>Lorem</h3>
                        <p>head chef</p>
                    </div>
                </div>
                <div class="team-item" data-aos="flip-left" data-aos-duration="1000">
                    <img src="../assets/Images/Restaurant-image/C.jpg" alt="team item">
                    <div class="team-item-info">
                        <h3>Lorem</h3>
                        <p>head chef</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ----team section end----- -->

    <!-- ----footer section start---- -->
    <footer class="footer" id="footer">
        <div class="container">
            <div class="row">
                <div class="footer-item" data-aos="fade-up">
                    <h3>our location</h3>
                    <p>xyz Street, Sector-12, <br> Patna - 0000****</p>
                </div>
                <div class="footer-item" data-aos="fade-up">
                    <h3>opening hour</h3>
                    <p>Mondayy to Sunday <br> 9.00 AM -10.00 PM</p>
                </div>
                <div class="footer-item" data-aos="fade-up">
                    <h3>contact us</h3>
                    <p>91 9564 578 ***</p>
                    <p>text@gmail.com</p>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- ----footer section end------ -->

    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script src="../assets/js/Restaurant.js"></script>
</body>

</html>
